body {
   background-color: #bfa;
   font: bold 20px "Courier";
}
//设置变量
@bg-color:#b7d4a8;

//清楚默认样式
*{
   margin:0;
   padding:0;
   box-sizing: border-box;
}

//设置主窗口的样式
#main {
   width: 360px;
   height: 420px;
   background-color: @bg-color;
   margin:100px auto;
   border:10px solid black;
   border-radius: 40px;
   display: flex;
   flex-flow: column;
   align-items: center;
   justify-content: space-around;

   // 游戏舞台
   #stage{
      position: relative;
      width: 304px;
      height: 304px;
      border:2px solid black;

      #snake{
         &>div {
            position: absolute;
            width: 10px;
            height: 10px;
            background-color: #000;
            border:1px solid @bg-color;
         
         }
      }

      #food {
         position: absolute;
         width: 10px;
         height: 10px;
         left: 40px;
         top:100px;
         display: flex;
         flex-flow: row wrap;
         justify-content: space-between;
         align-content: space-between;
         &>div{
            width: 4px;
            height: 4px;
            background-color: black;
            transform: rotate(45deg);
         }
      }
   }

   #score-panel{
      width: 300px;
      display: flex;
      justify-content: space-between;
   }
}